@import '~sassvar';

.input {
    display: inline-block;
    position: relative;

    &.show-clear {
        input {
            padding-right: 72px;
        }

        .input-clear { display: block; }
    }

    input {
        width: 100%;
        line-height: 62px;
        padding: 25px 0;
        font-size: 26px;
        text-align: right;
        background: none;
        border: 0;
    }

}

.input-clear{
    display: none;
    position: absolute;
    width: 90px;
    height: 90px;
    right: -18px;
    top: 10px;
    background: url('~images/icon-input-clear.png') no-repeat 14px center;
    background-size: 32px 32px;
}
